<template>
    <div>
        <!-- 面包屑导航 -->
        <el-breadcrumb separator-class="el-icon-arrow-right">
            <!-- <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> -->
            <el-breadcrumb-item>{{name1}}</el-breadcrumb-item>
            <el-breadcrumb-item>{{name2}}</el-breadcrumb-item>
            <el-breadcrumb-item v-if="name3">{{name3}}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script>
export default {
    props:{
    name1: String,
    name2: String,
    name3: String
  }
}
</script>

<style>
.el-breadcrumb{
  margin-bottom: 15px;

}
</style>